(function () {


    $(function () {
        $(".header").load("./first_header.html");
        $(".footer").load("./first_footer.html");
        // $(".reg").hide();
        // $(".reg").css("display","none")
        // $(".logTxt").show()
        // 注册新用户
        $(".toReg").on("click", function () {
            location = "./register.html"
        })
        $.idcode.setCode(); //加载生成验证码方法

        $("form").validate({
            rules: {
                uphone: {
                    required: true
                },
                upwd: {
                    required: true
                }
            },
            messages: {
                uphone: "请输入用户名"
            },
            submitHandler() {
                var IsBy = $.idcode.validateCode();
                if (!IsBy) {
                    layer.msg("验证码错误")
                    return false;
                }

                $.ajax({
                    url: "./api/login",
                    type: "post",
                    data: $("form").serialize()
                }).done(function (res) {
                    console.log(res.status)
                    // console.log(res.messages)
                    // layer.msg(res.messages)
                    if (res.status == 1) {
                        console.log(res)
                        // 把当前登录成功的用户id,等 localStorage
                        localStorage.setItem("userinfo", JSON.stringify(res.data));
                        layer.confirm("登录成功!", {
                            btn: ["确定", "取消"]
                        }, (index) => {
                            layer.close(index);
                            location="./index.html"
                        
                        },()=>{

                        })
                    }
                    // 可以保存到本地存储 cookie localStorage
                    // cookie和localStorage的区别
                    // cookie不同浏览器存储的cookie的条数不一样,有的存30条
                    // 最大能存储4k
                    // 要加expires设置有效时间,并且不是真正的永久存储
                    // 他会随着request(请求)携带导服务
                    // 他不能直接跨域
                    // localStorage它属于浏览器的本地永久存储技术
                    // 最大能存储5m
                    // 永久有效 不手动删除不会消失
                    // 也不能跨域

                    // 高阶函数  把回调函数当做参数的方法
                    // map(()=>{}),forEach() filter() some()..

                    


                })
                // var userList=JSON.parse($.cookie("users")||'[]')
                // var obj={
                //     uphone:$("[name='uphone']").val(),
                //     upwd: $("[name='upwd']").val()

                // }
                // var flag = userList.some((el) => {
                //     return el.uphone == obj.uphone && el.upwd == obj.upwd
                // })

                // if (flag) {
                //     layer.msg("登录成功")
                //     location="./index.html";
                // } else {
                //     layer.msg("用户名或密码错误")
                // }
                return false;

            }
        })

    })
})()